﻿@charset "utf-8";
/* CSS Document */

@import url("base.css");
/*--------------sideBar----------------*/
.container { padding: 35px 0px; height: 1%; overflow: hidden; }
.sideBar { float: left; width: 162px; overflow: hidden; }
.sideBar h3 { height: 47px; background: #123b59; text-align: center; border: solid 1px #ccc; line-height: 47px; font-size: 15px; color: #fff; margin-bottom: 22px; }
.sideBar ul { border: solid 1px #c5c7ca; border-bottom: none; margin-bottom: 18px; }
.sideBar ul li { border-bottom: solid 1px #c5c7ca; }
.sideBar ul li a { font-size: 14px; display: block; height: 28px; line-height: 28px; padding-left: 55px; background: #e9eaee; }
.sideBar ul li a:hover, .sideBar ul li a.hover { background: #d6d8dc; text-decoration: none; font-weight: bold; color: #333; }
/*--------------content----------------*/
.content { float: right; width: 680px; border: solid 1px #ccc; height:1%; overflow:hidden;}
.content .title { height: 47px; background: #dfe3e4; padding: 0px 15px; border-bottom: solid 1px #ccc; }
.content .title h3 { float: left; line-height: 47px; font-size: 15px; font-size: 14px; color: #123a59; background: url(../images/ico.gif) no-repeat 0px center scroll; padding-left: 30px; }
.content .title ul { float: right; padding-top: 12px; }
.content .title ul li { float: left; line-height: 35px; height: 35px; display: block; padding: 0px 10px; font-size: 14px; cursor: pointer; position: relative; z-index: 10; top: 1px; }
.content .title ul li.current { background: #ebecef; border: solid 1px #ccc; border-bottom: none; font-weight: bold; height: 34px; line-height: 34px; }
.content .title ul li a{ outline:none;}
.content .title ul li a:hover { text-decoration: none; }
.main_content { background: #ebecef; padding: 20px; min-height: 425px; height: auto !important; height: 425px; }
/*====翻页======*/
.page { height: 24px; margin-top: 20px; }
.page ul { height: 24px; text-align: center; }
.page ul li { padding: 0px 3px; display: inline-block; *zoom:1;
*display:inline;
}
.page ul li a { width: 24px; height: 24px; background: url(../images/page_bg.gif) repeat-x 0px 0px scroll; color: #666; text-align: center; display: block; }
.page ul li a:hover, .page ul li a.hover { color: #fff; background: none repeat-x 0px 0px scroll #333; text-decoration: none; }
/*====收/发信箱======*/
.send_tab { border-bottom: solid 1px #ccc; height: 27px; margin-bottom: 10px; }
.send_tab ul { padding-left: 13px; }
.send_tab ul li { float: left; display: block; height: 27px; width: 67px; text-align: center; line-height: 27px; }
.send_tab ul li.hover { border: solid 1px #ccc; border-bottom: none; width: 65px; height: 26px; line-height: 24px; position: relative; top: 1px; z-index: 100; background: #ebecef; }
.send_tab ul li.hover a { font-weight: bold; }
.send_tab ul li.hover a:hover { text-decoration: none; }
.send tr { height: 30px; line-height: 30px; overflow: hidden; }
.send td { border-bottom: dashed 1px #ccc; padding-left: 10px; }
.send th { border-bottom: dashed 1px #ccc; }
.send tr td.info_width { width: 370px; overflow: hidden; }
.send tr.color { color: #888; }
.send tr.color td.info_width a { color: #888; }
.send td.center { text-align: center; padding: 0px; }
/*.send td input { background: url(../images/xxxx.jpg) no-repeat 0px 0px scroll; }*/
.send tfoot tr td { padding: 0px; }
.send tfoot span { float: left; text-align: left; padding-right: 4px; }
.send tfoot input.allcheck { margin-top: 8px; *margin-top:4px;
*margin-left:-3px;
_margin-left: -6px; }
.send tfoot span.delete { display: block; float: right; text-align: center; background: #123b59; color: #fff; height: 20px; line-height: 20px; width: 40px; padding: 0px; cursor: pointer; }
/*====信件查看======*/
.view { padding: 20px; }
.view_title { border-bottom: dashed 1px #999; height: 1%; overflow: hidden; _overflow: visible; }
.view_title .left { width: 530px; overflow: hidden; padding-bottom: 10px; }
.view_title .right img { width: 56px; height: 56px; margin-top: 10px; }
.view_content { border-bottom: dashed 1px #999; padding: 10px; }
.view_content p.signature { padding-top: 30px; }
.view_operation { padding-top: 10px; padding-left: 10px; }
.view_operation span { float: left; background: #900; color: #fff; padding: 2px 10px; margin-right: 10px; cursor: pointer; }
.view_operation span.reply, .view_operation span.reply2 { background: #123b59; }
.view_operation .hover1,.guide_first span.hover1,.headpic_btn span.hover1,.base_infor_modify span.hover1,.storage span.hover1, .add_label span.hover1,.talk span.hover1,.definition_addinfor span.hover1, .upload_btn span.hover1, .upload_photo_infor span.hover1, .headpic_btn span.hover1 { -moz-box-shadow: 0px 0px 5px #005ba0; -webkit-box-shadow: 0px 0px 5px #005ba0; box-shadow: 0px 0px 5px #005ba0; behavior: url(js/pie.htc); position: relative; z-index: 100; }
.view_operation .hover2, .upload_list span.hover2 { -moz-box-shadow: 0px 0px 5px #900; -webkit-box-shadow: 0px 0px 5px #900; box-shadow: 0px 0px 5px #900; behavior: url(js/pie.htc); position: relative; z-index: 100; }
/*====写信======*/
.write { padding: 20px; }
.write_to { height: 56px; overflow: hidden; margin-bottom: 15px; font-size: 14px; padding-left: 20px; }
.write_to .left { width: 450px; overflow: hidden; line-height: 56px; }
.write_to .right img { width: 56px; height: 56px; margin-right: 33px; }
.write_title { height: 30px; margin-bottom: 15px; }
.write_title label, .write_content label { float: left; width: 60px; text-align: right; font-size: 13px; }
.write_title input { background: #dfe3e4; border: solid 1px #ccc; height: 28px; line-height: 28px; color: #666; padding: 0px 3px; width: 500px; float: left; font-family: "微软雅黑"; font-size: 12px; }
.write_content { height: 202px }
.write_content textarea { background: #dfe3e4; border: solid 1px #ccc; padding: 0px 3px; line-height: 24px; width: 500px; height: 200px; font-family: "微软雅黑"; color: #666; font-size: 12px; float: left; }
.write .view_operation { padding-left: 60px; margin-top: 5px; }
/*====个人介绍======*/
.definition { padding: 20px 30px; }
.definition h3 { padding: 0px 0px 15px 20px; font-size: 15px; }
.definition_title {margin-bottom: 15px; display:inline-block }
.definition label { float: left; width: 60px; text-align: right; font-size: 13px; }
.definition_title input { background: #dfe3e4; border: solid 1px #ccc; height: 28px; line-height: 28px; color: #666; padding: 0px 3px; width: 500px; float: left; font-family: "微软雅黑"; font-size: 12px; }
.definition_con { display:inline-block  }
.definition_con textarea { background: #dfe3e4; border: solid 1px #ccc; padding: 0px 3px; line-height: 24px; width: 500px; height: 350px; font-family: "微软雅黑"; color: #666; font-size: 12px; float: left; }
.definition_sub { padding-left: 60px; margin-top: 15px; }
.definition_sub input { width: 60px; height: 29px; background: #123b59; color: #fff; border: none; font-family: "微软雅黑"; cursor: pointer; }
.main_content input.focus,.register_box input.focus,textarea.focus,.talk textarea.focus{ -moz-box-shadow: 0px 0px 5px #005ba0; -webkit-box-shadow: 0px 0px 5px #005ba0; box-shadow: 0px 0px 5px #005ba0; behavior: url(js/pie.htc); position: relative; z-index: 100; }
/*====日志管理======*/
.blog { padding: 20px; }
.write_blog { height: 29px; margin-bottom: 10px; }
.write_blog a { display: block; width: 90px; height: 29px; line-height: 29px; text-align: center; background: #123b59; color: #fff; font-family: 14px; }
.write_blog a:hover { text-decoration: none; background: #900; color: #fff; }
.blog_list { padding-bottom: 20px; }
.blog_list ul { border-top: dashed 1px #999a9e; }
.blog_list ul li { border-bottom: dashed 1px #999a9e; padding: 10px 0px; }
.blog_list .blog_title { text-align: right; height: 30px; line-height: 30px; font-weight: bold; }
.blog_list .blog_title h2 { float: left; font-size: 14px; }
.blog_list .blog_title h2 a { padding-right: 5px; }
.blog_list .blog_title span { padding: 0px 10px; font-size: 14px;font-weight:normal; }
.blog_list .blog_title span.delete { cursor: pointer; }
.blog_list p { text-indent: 2em; color: #66676b; }
/*====修改密码/邮箱======*/
.set_mail { padding: 20px 0px; }
.set_list { height: 30px; margin-bottom: 15px; }
.set_list label { float: left; width: 80px; text-align: right; font-size: 13px; }
.set_list input { background: #dfe3e4; border: solid 1px #ccc; height: 28px; line-height: 28px; color: #666; padding: 0px 3px; width: 300px; float: left; font-family: "微软雅黑"; font-size: 12px; margin-right: 10px; }
.set_list p { float: left; }
.set_list p.true { color: #007f00; }
.set_list p.false { color: #f00; }
.set_but { padding-left: 80px; }
.set_but input { width: 60px; height: 29px; background: #123b59; color: #fff; border: none; font-family: "微软雅黑"; cursor: pointer; }
/*====设置======*/
.base_set { padding: 0px 30px; }
.base_set_list ul li { border-bottom: dashed 1px #999; padding: 20px 0px; }
.base_set_list ul li p { font-weight: bold; margin-bottom: 10px; font-size: 14px; }
.base_set_list ul li ul li { border: none; padding: 0px; line-height: 27px; height: 27px; }
.base_set_list ul li ul li input { float: left; margin: 7px 5px 0px 0px; *margin:3px 3px 0px 0px;
_margin: 2px 0px 0px 0px; }
.storage { height: 30px; line-height: 30px; padding: 30px 0px; }
.storage .left { width: 88px; height: 30px; line-height: 30px; display: block; text-align: center; color: #fff; cursor: pointer; background: #123b59; }
/*====标签管理/排斥标签======*/
.label_set { font-size: 14px; padding: 20px; }
.label_set h2 { font-size: 15px; }
.label_set span { cursor:pointer;}
.existing_label span { padding-right: 10px; }
.existing_label strong, .add_label strong { font-size: 15px; }
.add_label { margin-top: 20px; height: 30px; }
.add_label strong { float: left; margin-right: 5px; line-height: 30px; }
.add_label input { width: 412px; padding: 0px 3px; height: 28px; border: solid 1px #ccc; background: #dfe3e4; line-height: 28px; color: #666; font-size: 12px; font-family: "微软雅黑"; float: left; margin-right: 10px; }
.add_label span.add_but { width: 60px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 14px; background: #123b59; display: block; cursor: pointer; float: left; }
.hot_label { margin-top: 20px; }
.recommend_label { margin-top: 20px; }
/*====定义资料======*/
.definition_infor { padding: 10px; }
.definition_infor p {background: #ffc; font-size: 12px; color: #900; padding: 0px 5px; height: 22px; margin:10px 0px 0px 20px; float:left;line-height: 22px; }
.definition_addinfor { height: 30px; padding-left: 20px; }
.definition_addinfor strong { float: left; line-height: 30px; margin-right: 5px; font-size: 14px; }
.definition_addinfor input { width: 120px; padding: 0px 3px; height: 28px; border: solid 1px #ccc; background: #dfe3e4; line-height: 28px; color: #666; font-size: 12px; font-family: "微软雅黑"; float: left; margin-right: 20px; }
.definition_addinfor span.add_but { width: 60px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 14px; background: #123b59; display: block; cursor: pointer; float: left; }
.definition_infor_list { padding-top: 15px; padding-left: 1px; clear:both; }
.definition_infor_list ul { border-top: dashed 1px #bcbcbe; border-left: dashed 1px #bcbcbe; height: 1%; width:618px;overflow: hidden; _overflow: visible; }
.definition_infor_list ul li { border-bottom: dashed 1px #bcbcbe; border-right: dashed 1px #bcbcbe; display: block; height: 30px; float: left; width: 308px; position: relative; }
.definition_infor_list ul li ul { border: none; position: absolute; top: 0px; left: 0px; height: 30px; cursor:pointer;}
.definition_infor_list ul li ul li { border-bottom: none; font-size: 13px; line-height: 30px; }
.definition_infor_list ul li ul li.delete { width: 50px; text-align: center; color: #666;}
.definition_infor_list ul li ul li.definition_addinfor_con { width: 80px; padding-left: 6px;}
.definition_infor_list ul li ul li.definition_addinfor_con input{ width: 75px; height: 24px; background: #ebecef;margin: 2px 0px 2px -2px; line-height: 24px; font-size: 13px; font-family: "微软雅黑"; color: #333; border: solid 1px #ebecef;}
.definition_infor_list ul li ul li.definition_addinfor_text { border: none; width: 160px; padding: 0px 3px;}
.definition_infor_list ul li ul li.definition_addinfor_text input { width: 154px; height: 24px; background: #ebecef; cursor:pointer; padding: 0px 3px; margin: 2px 0px; line-height: 24px; font-size: 13px; font-family: "微软雅黑"; color: #333; border: solid 1px #ebecef; text-align:left;}
/*====基本资料======*/
.base_infor { font-size: 14px; padding: 20px; }
.base_infor_top .left { width: 295px;}
.base_infor_top .left div{ padding-bottom:10px;}
.base_infor_top label { float: left; line-height: 30px; font-weight: bold; }
.base_infor_top .left input { padding: 0px 3px; height: 28px; border: solid 1px #ccc; background: #dfe3e4; line-height: 28px; color: #666; font-size: 12px; font-family: "微软雅黑"; float: left; }
.base_infor_top .left .nick input { width: 215px; }
.base_infor_top .left p.color900 { clear: both; line-height: 28px; font-size: 14px; padding-left: 57px; }
.base_infor_top .left .domain span { float: left; line-height: 30px; }
.base_infor_top .left .domain input { width: 100px; }
.base_infor_top .right { width: 291px; height: 115px; float:left; padding-left:5px;}
.base_infor_top .right img { width: 115px; height: 115px; float: left; margin: 0px 10px; }
.base_infor_top .right a { width: 80px; height: 30px; line-height: 28px; color: #fff; text-align: center; font-size: 14px; background: #123b59; display: block; cursor: pointer; float: left; }
.base_infor_top .right a:hover { text-decoration: none; outline: none; color: #fff; -moz-box-shadow: 0px 0px 5px #005ba0; -webkit-box-shadow: 0px 0px 5px #005ba0; box-shadow: 0px 0px 5px #005ba0; behavior: url(js/pie.htc); position: relative; z-index: 100; }
.base_infor_bottom { padding-top: 10px; clear:both;}
.base_infor_bottom ul{ height:1%; overflow:hidden;}
.base_infor_bottom ul li { display: block; height: 40px; width: 300px; float: left; }
.base_infor_bottom ul li span.left { line-height: 40px; }
.base_infor_bottom ul li input { background: #ebecef; border: solid 1px #ebecef; font-family: "微软雅黑"; height: 38px; line-height: 38px; color: #666; float: left; }
.base_infor_bottom ul li input.seclect_sex { margin: 2px 10px 0px 0px; }
.base_infor_bottom ul li select { float: left; margin: 11px 10px 0px 0px; _margin-top: 9px; }
.base_infor_bottom ul li input.above_education { float: left; margin: 2px 10px 0px 0px; _margin-top: 1px; }
.base_infor_modify{ padding:20px 0px 0px 58px;clear:both;}
.base_infor_modify span {  width: 60px; height: 30px; background: #123b59; color: #fff; font-size: 14px; text-align: center; line-height: 28px; display: block;cursor: pointer; font-weight: bold; }
/*====我的好友/我关注的好友/关注我的好友======*/
.friends { padding-bottom: 20px; }
.friends_list ul { height: 1%; overflow: hidden; _overflow: visible; padding: 0px 8px 20px; }
.friends_list ul li { float: left; width: 120px; padding: 10px 18px; overflow: hidden; }
.friends_list ul li img { margin-bottom: 5px; display: block; }
.friends_list ul li p { color: #666; line-height: 1.7em; padding: 0px 2px; }
.friends_list ul li p.friend_but { color: #333; }
.friends_list ul li p.friend_but span { padding-right: 10px; cursor: pointer; }
.friends_list ul li p.friend_but span.color1 { color: #123b59; }
.friends_list ul li p.friend_but span.color2 { color: #007f00; }
/*====黑名单好友======*/
.black_list ul { height: 1%; overflow: hidden; _overflow: visible; padding: 0px 2px 20px; }
.black_list ul li { width: 80px; float: left; padding: 13px; position: relative; }
.black_list ul li img { display: block; }
.black_list ul li p { width: 67px; overflow: hidden; }
.black_list ul li img.close { position: absolute; left: 83px; top: 15px; cursor: pointer; }
/*====照片管理======*/
.photos { padding: 20px 0px; }
.add_photos { height: 30px; margin-bottom: 10px; position: relative; width: 70px; overflow: hidden; }
.add_photos span { display: block; width: 70px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 14px; background: #123b59; cursor: pointer; }
.file { position: absolute; top: 0px; left: 0px; *left: -93px;
height: 30px; filter: alpha(opacity=0); opacity: 0; overflow: hidden; vertical-align: middle; cursor: pointer; }
.photo_box ul { height: 1%; overflow: hidden; _overflow: visible; padding: 0px 5px 20px; }
.photo_box ul li { float: left; width: 131px; overflow: hidden; padding: 10px 13px; position: relative; z-index: 99; }
.photo_box ul li img { display: block; width: 115px; height: 115px; }
.photo_box ul li a { display: block; width: 115px; height: 115px; padding: 6px; border: solid 2px #ccc; margin-bottom: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior: url(js/pie.htc); position: relative; z-index: 999; }
.photo_box ul li p { padding: 0px 3px; width: 125px; overflow: hidden; height: 22px; line-height: 22px; }
.photo_box ul li p.photo_info { color: #666; position: relative; }
.photo_box ul li p.photo_info input { position: absolute; top: 0px; left: 0px; width: 125px; height: 20px; border: solid 1px #ebecef; font-size: 12px; padding: 0px 2px; line-height: 20px; font-family: "微软雅黑"; color: #666; background: #ebecef; }
.photo_box ul li p.photo_btn span { cursor: pointer; }
.photo_box ul li p.photo_btn span.modify_photo_info { padding-right: 20px; }
/*====批量上传照片管理======*/
.batch_upload { padding: 20px; }
.upload_list { height: 115px; margin-bottom: 15px; }
.upload_list img { float: left; display: block; height: 115px; margin-right: 15px; }
.upload_list textarea { float: left; margin-right: 15px; height: 106px; color: #666; background: #dfe3e4; padding: 3px; width: 360px; border: solid 1px #ccc; font-family: "微软雅黑"; font-size: 12px; }
.upload_list span.delete { height: 30px; line-height: 28px; background: #900; font-weight: bold; display: block; float: left; cursor: pointer; color: #fff; text-align: center; font-size: 14px; width: 80px; }
.upload_btn { padding: 20px 0px; }
.upload_btn span { width: 80px; height: 30px; background: #123b59; color: #fff; font-size: 14px; text-align: center; line-height: 28px; display: block; margin: 0px auto; cursor: pointer; font-weight: bold; }
/*====单一上传照片管理======*/
.single_upload { padding: 20px; }
.single_upload p { font-size: 14px; }
.single_upload span { font-size: 14px; margin-right: 10px; }
.add_photo { height: 30px; line-height: 30px; margin-bottom: 15px; }
.add_photo span.single_upload_select { float: left; position: relative; overflow: hidden; display: block; height: 30px; line-height: 28px; color: #fff; background: #123b59; cursor: pointer; font-weight: bold; width: 100px; text-align: center; }
span.single_upload_select input { position: absolute; left: -130px; *left:-150px;
top: 0px; height: 30px; filter: alpha(opacity=0); opacity: 0; overflow: hidden; vertical-align: middle; cursor: pointer; }
.show_photo { height: 180px; overflow: hidden; margin-bottom: 15px; padding-left: 69px; }
.show_photo .show_pic { width: 180px; height: 180px; background: #dfe3e4; }
.show_photo .show_pic img { width: 180px; height: 180px; }
.upload_photo_infor { height: 30px; line-height: 30px; margin-bottom: 15px; }
.upload_photo_infor input { height: 28px; line-height: 28px; border: solid 1px #ccc; font-size: 12px; color: #666; font-family: "微软雅黑"; padding: 0px 3px; background: #dfe3e4; width: 320px; float: left; margin-right: 10px; }
.upload_photo_infor span.upload_ctrl_s { float: left; display: block; height: 30px; line-height: 28px; color: #fff; background: #123b59; cursor: pointer; width: 60px; text-align: center; }
.batch_upload_to { height: 30px; margin-bottom: 15px; }
.batch_upload_to a { display: block; height: 30px; line-height: 28px; background: #900; font-size: 14px; color: #fff; width: 140px; text-align: center; float: left; margin-right: 10px; }
.batch_upload_to a:hover { text-decoration: none; outline: none; color: #fff; -moz-box-shadow: 0px 0px 5px #900; -webkit-box-shadow: 0px 0px 5px #900; box-shadow: 0px 0px 5px #900; behavior: url(js/pie.htc); position: relative; z-index: 100; }
.batch_upload_to p { float: left; background: #ffc; font-size: 12px; color: #900; padding: 0px 5px; height: 22px; margin-top:8px; line-height: 22px; }
/*====修改头像======*/
.revise { padding: 20px 40px 50px; }
.revise h1 { font-size: 25px; font-weight: normal; margin-bottom: 7px; }
.revise p { line-height: 2.2em; }
.upload_file { height: 30px; position: relative; margin-bottom: 15px; margin-top: 10px; }
#textfield { float: left; height: 28px; border: solid 1px #ccc; line-height: 28px; padding: 0px 3px; font-size: 12px; color: #666; font-family: "微软雅黑"; background: #dfe3e4; width: 320px; margin-right: 10px; }
#fileField { position: absolute; left: 0px; top: 0px; filter: alpha(opacity=0); opacity: 0; height: 30px; width: 390px; }
input.btn1 { width: 50px; height: 30px; background: #123b59; float: left; color: #fff; font-size: 14px; display: block; cursor: pointer; font-weight: bold; margin-right: 10px; border: none; }
input.btn2 { width: 80px; height: 30px; background: #123b59; float: left; color: #fff; font-size: 14px; display: block; cursor: pointer; font-weight: bold; border: none; }
.headpic_btn { margin-top: 10px; }
.crop_headpic { height: 232px; width: 390px; margin-bottom: 10px; }
.crop_headpic .left { width: 180px; height: 232px; overflow: hidden; }
.crop_headpic .left img { width: 180px; height: 232px; display: block; }
.crop_headpic .right { width: 180px; height: 232px; overflow: hidden; }
.crop_headpic .right img { width: 180px; height: 180px; display: block; margin-top: 5px; }
.headpic_btn { height: 30px; }
.headpic_btn span { color: #fff; font-size: 14px; text-align: center; line-height: 28px; height: 30px; cursor: pointer; display: block; margin-right: 10px; float: left; }
.headpic_btn span.ctrl_s_headpic { width: 100px; background: #123b59; }
.headpic_btn span.revoke { width: 40px; background: #666; }
.headpic_btn span.skip{ width:60px;background: #123b59;}
.headpic_btn span.hover3 { -moz-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666; box-shadow: 0px 0px 5px #666; behavior: url(js/pie.htc); position: relative; z-index: 100; }
/*裁剪照片*/
.jcrop-holder { text-align: left; }
.jcrop-vline, .jcrop-hline { font-size: 0; position: absolute; background: white url('Jcrop.gif') top left repeat; }
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle { font-size: 1px; width: 7px !important; height: 7px !important; border: 1px #eee solid; background-color: #333; width: 9px; height: 9px; }
.jcrop-tracker { width: 100%; height: 100%; }
.custom .jcrop-vline, .custom .jcrop-hline { background: yellow; }
.custom .jcrop-handle { border-color: black; background-color: #C7BB00; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/*--------------在线聊天----------------*/
.chatbox { padding: 50px 148px; }
.chatbox h3 { line-height: 30px; color: #133c58; font-size: 14px; }
.chatbox h3 span { color: #900; }
.online_chat { width: 590px; height: 360px; border: solid 1px #999; border-right: none; }

.scr_con { height: 230px; border-bottom: solid 1px #999; position: relative;  }
#dv_scroll { position: absolute; height: 220px; overflow: hidden; width: 558px; left:5px; top:5px;}
#dv_scroll .Scroller-Container { width: 100%;}
#dv_scroll_bar { position: absolute; right:0px; top:0px;border-left:solid 1px #999;border-right:solid 1px #999;width:20px; height:230px; }
#dv_scroll_bar .Scrollbar-Track { position: absolute; left:0px;top:0px;width:20px; height:230px; }
#dv_scroll_bar .Scrollbar-Handle { position: absolute; left: -1px; top: 0; width: 22px; height: 51px; overflow: hidden; background: url(../images/scroll_bar.jpg) no-repeat; cursor: pointer; }
#dv_scroll_track .click{background: url(../images/scroll_bar2.jpg) no-repeat; }
#dv_scroll_text { position: absolute;}

.newslist ul li { font-size: 14px; line-height: 22px; padding-bottom: 4px; font-size:13px;}
.newslist ul li em { font-style: normal; font-size: 12px; color: #98989a; padding-left: 10px; }
.newslist ul li.me span { color: #007f00; }
.newslist ul li.other span { color: #900; }

.input_chat { border-right: solid 1px #999; height: 130px; }
.tab_chat { height: 35px; border-bottom: solid 1px #999; }
.tab_chat ul { height: 35px; }
.tab_chat ul li { border-right: solid 1px #999; display: block; padding: 0px 10px; line-height: 35px; float: left; cursor: pointer; font-size: 14px; }
.tab_chat ul li.click{ color:#fff; background:#123b59;}
.chat_text { height: 83px; overflow: hidden; padding: 5px; background: #e9edee; }
.chat_text textarea { height: 81px; border: solid 1px #e9edee; background: #e9edee; width: 578px; font-family: "微软雅黑"; font-size: 12px; color: #666; line-height: 24px; }
/*--------------个人中心----------------*/
.dynamic{ float: left; width:425px; overflow:hidden; padding-bottom:9999px; margin-bottom:-9999px;}
.right_side{ width:214px;  float:right; padding:10px 20px;border-left:solid 1px #ccc; overflow:hidden;padding-bottom:9999px; margin-bottom:-9999px;}
.dynamic .main_content div{ display:none;}
.dynamic .main_content ul li{ font-size:14px; padding-bottom:9px;}
.dynamic .main_content ul li span{ color:#888;}
.dynamic h2{ height:30px; padding-left:170px;background: url(../images/dynamic.gif) no-repeat 240px center scroll #dfe3e4; font-size:14px; border-top:solid 1px #ccc; line-height:30px; cursor:pointer;}
.dynamic h2.hover{background: url(../images/dynamic2.gif) no-repeat 240px center scroll #d7d9d9;}

.talk span.left{ font-size:14px; font-weight:bold;}
.talk textarea{height: 81px; margin-bottom:10px;  float:left; padding:3px; border: solid 1px #ccc; background: #e9edee; width: 175px; font-family: "微软雅黑"; font-size: 12px; color: #666; line-height: 24px;}
.talk span.talk_but{ clear:both; width: 60px; height: 30px; background: #123b59; color: #fff; font-size: 14px; text-align: center; line-height: 28px; display: block; margin-left:28px; cursor: pointer; font-weight: bold; }

.online_friends,.remind{ margin-top:10px; padding-left:5px;}
.remind{ margin-bottom:5px;}
.remind li{ *text-indent:-1.3em;}
.remind span.color900 a{color:#900;}
.remind span.color007f00 a{color:#007f00;}
.remind span.color06c a{color:#06c;}
.online_friends li a{ padding-right:10px;}
.pub_friend{ padding-left:5px;}
.pub_friend h3{background: url(../images/line.gif) no-repeat 110px center scroll;}
.pub_friend h3 a:hover{ text-decoration:none;}
.pub_friend ul{ height:1%; overflow:hidden; padding:5px 0px;}
.pub_friend ul li{ float:left; margin-right:7px; margin-bottom:7px;}
.pub_friend ul li img{ border:solid 1px #fff;}
.right_side p{ text-align:right; padding-right:10px;}
/*--------------register----------------*/
.register{ width:700px; margin:0px auto;}
.register h1.tit {line-height: 47px;border-bottom:solid 5px #123b59; font-size: 15px; font-size: 16px; color: #123a59; background: url(../images/ico.gif) no-repeat 0px center scroll; padding-left: 30px; }
.register_box{border: solid 1px #ccc; height:1%; overflow:hidden;background: #ebecef; padding:20px;}
.register_box ul li input.birthday { background: #dfe3e4;border: solid 1px #ccc; font-family: "微软雅黑"; height: 28px; margin:5px 0px; padding:0px 3px; line-height: 28px; color: #666; float: left; }
.header .regist{position: relative; z-index: 999; float:right;}
.header .regist ul { float: right; height: 31px; padding-top:5px; }
.header .regist ul li { float: left;  height: 31px; }
.header .regist ul li a { display: block; padding: 0px 20px; height: 30px; float: left; line-height: 30px; color: #f8f8f8; position: relative; z-index: 1000; top: 2px; }
.header .regist ul li a:hover { color: #fff; }
.header .regist ul li.login a{ background: url(../images/login_bg01.jpg) no-repeat 50px center scroll; padding-right: 30px; }
.header .regist ul li.login a:hover, .header .regist ul li.login a.hover { background: #fff; color: #062833; background: url(../images/login_bg02.jpg) no-repeat 50px center scroll #fff; text-decoration: none; border: solid 1px #999; border-bottom: none; padding: 0px 29px 0px 19px; }
.login_in { position: absolute; display:none; padding: 15px; background: #fff; border: solid 1px #999; width: 286px; top: 37px; right: 0px; z-index: 998; color: #333; overflow: hidden; }
.login_in .text { height: 34px; margin-bottom: 10px; }
.login_in span { float: left; position:relative;}
.login_in .text span label{ position:absolute; z-index:1000; color:#999; left:4px; top:0px; line-height:32px;}
.login_in .text span input { width: 130px; _width: 128px; height: 30px;  padding: 0px 3px; font-family: "微软雅黑"; color: #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: url(js/pie.htc); position: relative; z-index: 999; }
input.focus { -moz-box-shadow: 0px 0px 5px #005ba0; -webkit-box-shadow: 0px 0px 5px #005ba0; box-shadow: 0px 0px 5px #005ba0;}
input.focus2{-moz-box-shadow: 0px 0px 5px #ff4137; -webkit-box-shadow: 0px 0px 5px #ff4137; box-shadow: 0px 0px 5px #ff4137;}
.login_in .text span input.user_name { background: #eff7fc; border: solid 1px #3d8bb2; margin-right: 10px; line-height: 30px;}
.login_in .text span input.user_pass { background: #ffffd7; border: solid 1px #ff4137; line-height: 30px;}
.login_in .action { height: 30px; line-height: 30px; }
.login_in .action input.submit { width: 70px; height: 30px; text-align: center; cursor: pointer; color: #fff; margin-right: 15px; border: none; font-family: "微软雅黑"; position: relative; z-index: 999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: -o-linear-gradient( top, #144264, #113854 ); background: -moz-linear-gradient( top, #144264, #113854 ); background: -webkit-gradient(linear, center top, center bottom, color-stop( 0, #144264 ), color-stop( 1, #113854 )); -pie-background: linear-gradient(#144264, #113854); behavior: url(js/pie.htc); }
input.submit2 { -moz-box-shadow: 0px 0px 5px #005ba0; -webkit-box-shadow: 0px 0px 5px #005ba0; box-shadow: 0px 0px 5px #005ba0; }
.login_in .action input.checkbox { margin: 9px 8px 0px 0px; *margin:2px 5px 0px 0px; _margin-top:5px;}
.login_in .action a { padding: 0px 8px;color: #666;}
.login_in .action a:hover { color: #133f60; text-decoration: underline; }
/*--------------guide_first----------------*/
.guide_first{ padding:20px 0px 20px 270px; text-align:center; height:30px;}
.guide_first span { color: #fff; font-size: 14px;background: #123b59; width:50px; text-align: center; line-height: 28px; height: 30px; cursor: pointer; display: block; margin-right: 30px; float: left; }








